import React from 'react';
import {NavLink, Outlet, useRoutes} from "react-router-dom";
import routes from "../../routes";
import "./index.css"
const Index = () => {
    useRoutes(routes);
    return (
        <div className="zhu">
        <div className="main">
        <div>
            <Outlet/>
            <div style={{width:"100%" /*, display: "flex"*/, justifyContent: "center"}}>
                <NavLink  className={(isbool)=>{return isbool.isActive?'list-group-item test image':'list-group-item'}} to="sign" >登录</NavLink>
                {/* TODO end  子组件渲染后不匹配该组件 */}
                <NavLink end className={isbool=>isbool.isActive?'list-group-item test image':'list-group-item'} to="login">注册
                </NavLink>
            </div>

        </div>
        </div>
        </div>
    );
};

export default Index;
